<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/shopping.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1892202_vz0dyjhocgo.css
    ">
</head>
<body>
    <header></header>
    <!--  -->
    <!--  -->
    <!--  -->
    <div id="design"></div> 
    <!--  -->
    
    <!--  -->
    
    <script type="text/html" id="shoppingTemplate">
        <div class="detail" >
            <div class="contain">
                <div class="left" >

                    <div class="img" id="box">
                        <img src="{{imgs[0]}}" alt="" id="bigPic">
                        <span></span>
                        <div class="bigimg">
                            <img src="{{imgs[0]}}" alt="" id="bigImg">
                        </div>
                    </div>
                    <ul id="gal1" class="smallPic">
    
                        {{each imgs img,index}}
                        <li>
                            <a href="javascript:;">
                                <img src="{{img}}"  class="{{index==0?'active':''}}" >
                            </a>
                        </li>
                        {{/each}}
                      </ul>
                    
                </div>
                <div class="right">
                    <h3>{{title}}</h3>
                    <h4>
                        {{content}}
                    </h4>
                    <div class="price">
                        <p>
                            <span class="price-span">
                                价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
                            </span>
                            
                            <span class="price-span2">￥{{price}}</span>
                            
                        </p>
                        <p>
                            <span class="price-span">
                                促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销
                            </span>
                            <span class="price-span4">
                                整点赠送
                            </span>
                            <span class="price-span5">
                                10/12/14/16/20点限量赠AM115耳机（荣耀指定产品共享）
                            </span>
                        </p>
                        <p>
                            <span class="price-span4 span2">
                                购机赠券
                            </span>
                            <span class="price-span5">
                                支付后赠送三只松鼠&加油宝&优酷VIP超值券包
                            </span>
                        </p>
                        <p>
                            <span class="price-span4 span2">
                                分期免息
                            </span>
                            <span class="price-span5">
                                银联、掌上生活、花呗、工行分期支付可享免息（免息活动适用于单款免息商品订单，含多...
                            </span>
                        </p>
                        <p>
                            <span class="price-span4 span2">
                                赠送积分
                            </span>
                            <span class="price-span5">
                                购买即赠商城积分，积分可抵现~
                            </span>
                        </p>
                        <p>
                            <span class="price-span">
                                服务说明
                            </span>
                            <span class="price-spanbtn">
                                四川 > 成都 > 青羊区
                            </span>
                            <span class="price-span5">
                                <span  style="color:  #ca141d;margin-left: 26px;">现货</span>，今天21:59前付款，预计6月22日(周一)送达
                            </span>
                        </p>
                        <p>
                            <span class="price-span5 span3">
                                已满48元已免运费
                            </span>
                            <span class="price-span5">
                                由华为商城负责发货，并提供售后服务
                            </span>
                        </p>
                        <p>
                            <span class="price-span">
                                商品编码
                            </span>
                            <span class="price-span5">
                                {{commodity}}
                            </span>
                        </p>
                        <p id="colorChose">
                            <span class="price-span">
                                选择颜色
                            </span>
                            <span class="price-span6 active">
                                黑色
                            </span>
                            <span class="price-span6">
                                白色
                            </span>
                            <span class="price-span6">
                                蓝色
                            </span>
                            <span class="price-span6">
                                绿色
                            </span>
                            <span class="price-span6">
                                灰色
                            </span>
                            <span class="price-span6">
                                紫色
                            </span>




                        </p>
                        <p>
                            <span class="price-span">
                                选择版本
                            </span>
                            <span class="price-span span4">
                               {{edition}}
                            </span>
                            
                        </p>
                        <p>
                            <span class="price-span">
                                已选择商品:
                            </span>
                            <span class="price-span8">
                                {{determine}}
                            </span>
                            
                        </p>
                        <div class="changeName">
                            <input type="text" value="1">
                            <button class="addBtn" type="button">+</button>
                            <button class="subBtn" type="button">-</button>
                            <span id="add-to-cart-btn"><button class="shopBtn" >加入购物车</button></span>
                            <a href="/html/shopping-cart.html"><button class="oKbtn">立即下单</button></a>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
        <!--  -->
        
        <a href="/html/shopping-cart.html"><div  class="cart">
             <span class="cart1"><i class="iconfont icon-gouwuche"></i></span>
            <span class="cart2" id="cart">0</span>
          </div></a>
        <!--  -->
        <div class="conImg">
            {{each shoppingImgs shoppingImg}}
            <img src="{{shoppingImg}}" alt="" class="bigimg">
            {{/each}}
        </div>
    </script>
<!--  -->
<footer></footer>

</body>
<script src="/libs/require/require.min.js" data-main="/js/shopping"></script>
</html> 